<div class="fl-table-wrapper">
    <div class="fl-option-toolbar">
        <div class="reports icon"></div>    
        <div class="fl-toolbar-left-wrapper">
            <h1>Reports</h1>  
        </div>
        <div class="fl-toolbar-right-wrapper">
            <!-- <a class="pinit icon dataTip" fl-data-application-id="1" fl-data-type="widget" fl-data-object-id="report" data-placement="left" data-original-title="Pin this to Dashboard"></a> -->
        </div>
        <div class="clearfix"></div>
    </div><!-- end of option toolbar -->
    <div id="example_wrapper" class="dataTables_wrapper" role="grid">
        <table cellpadding="0" cellspacing="0" border="0" class="dataTable" id="report_table" width="100%" aria-describedby="example_info" style="width: 100%;">
            <thead class="fl-header-tbl-wrapper">
                <tr role="row">
                    <th class="sorting" role="columnheader" tabindex="0" aria-controls="example" rowspan="1" colspan="1" style="width: 128px;" aria-label="Rendering engine: activate to sort column ascending">Title</th>
                    <th class="sorting" role="columnheader" tabindex="0" aria-controls="example" rowspan="1" colspan="1" style="width: 177px;" aria-sort="descending" aria-label="Browser: activate to sort column ascending">Description</th>
                    <th class="sorting" role="columnheader" tabindex="0" aria-controls="example" rowspan="1" colspan="1" style="width: 170px;" aria-label="Platform(s): activate to sort column ascending">Date Created</th>
                    <th class="" role="columnheader" tabindex="0" aria-controls="example" rowspan="1" colspan="1" style="width: 170px;" aria-label="Platform(s): activate to sort column ascending">Action</th>
                </tr>
            </thead>
            <tbody role="alert" aria-live="polite" aria-relevant="all">
            </tbody>
        </table>
    </div>
</div><!-- end of table-->